<template>
    <div>

        <div class="container"
             :style='{"minHeight":"100vh","alignItems":"center","background":"url(http://codegen.caihongy.cn/20240120/013cd1667f6c4da5b916657b405abeb4.png)","display":"flex","width":"100%","backgroundSize":"100% 100%","backgroundPosition":"center center","backgroundRepeat":"no-repeat","justifyContent":"center"}'>
            <el-form class='rgs-form' v-if="pageFlag=='register'"
                     :style='{"padding":"360px 65% 100px 0","boxShadow":"none","margin":"0","flexDirection":"column","display":"flex","justifyContent":"center","overflow":"auto","borderRadius":"10px","background":"url(http://codegen.caihongy.cn/20240119/df513d605d3540b9a5097d15fe61b7f0.png)","width":"100vw","backgroundSize":"100% 100%","backgroundRepeat":"no-repeat","height":"100vh"}'
                     ref="registerForm" :model="registerForm" :rules="rules">
                <div v-if="false"
                     :style='{"margin":"0 0 10px 0","color":"rgba(64, 158, 255, 1)","textAlign":"center","width":"100%","lineHeight":"44px","fontSize":"20px","textShadow":"4px 4px 2px rgba(64, 158, 255, .5)"}'>
                    USER / REGISTER
                </div>
                <div v-if="true"
                     :style='{"margin":"0 0 20px 0","color":"#fff","textAlign":"center","width":"100%","lineHeight":"44px","fontSize":"32px","textShadow":"none"}'>
                    注册</p></div>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='jiaoshi'" prop="jiaoshigonghao">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('jiaoshigonghao')?'required':''">教师工号：
                    </div>
                    <el-input v-model="registerForm.jiaoshigonghao" placeholder="请输入教师工号"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='jiaoshi'" prop="jiaoshixingming">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('jiaoshixingming')?'required':''">教师姓名：
                    </div>
                    <el-input v-model="registerForm.jiaoshixingming" placeholder="请输入教师姓名"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='jiaoshi'" prop="mima">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('mima')?'required':''">密码：
                    </div>
                    <el-input v-model="registerForm.mima" type="password" placeholder="请输入密码"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='jiaoshi'" prop="mima2">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('mima')?'required':''">确认密码：
                    </div>
                    <el-input v-model="registerForm.mima2" type="password" placeholder="请再次输入密码"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='jiaoshi'" prop="touxiang">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('touxiang')?'required':''">头像：
                    </div>
                    <file-upload
                            tip="点击上传头像"
                            action="file/upload"
                            :limit="1"
                            :multiple="true"
                            :fileUrls="registerForm.touxiang?registerForm.touxiang:''"
                            @change="jiaoshitouxiangUploadChange"
                    ></file-upload>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='jiaoshi'" prop="xingbie">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('xingbie')?'required':''">性别：
                    </div>
                    <el-select v-model="registerForm.xingbie" placeholder="请选择性别">
                        <el-option
                                v-for="(item,index) in jiaoshixingbieOptions"
                                :key="index"
                                :label="item"
                                :value="item">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='jiaoshi'" prop="zhicheng">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('zhicheng')?'required':''">职称：
                    </div>
                    <el-input v-model="registerForm.zhicheng" placeholder="请输入职称"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='jiaoshi'" prop="shoujihaoma">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('shoujihaoma')?'required':''">手机号码：
                    </div>
                    <el-input v-model="registerForm.shoujihaoma" placeholder="请输入手机号码"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='caipanyuan'" prop="caipanbianhao">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('caipanbianhao')?'required':''">主办方编号：
                    </div>
                    <el-input v-model="registerForm.caipanbianhao" placeholder="请输入主办方编号"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='caipanyuan'" prop="mima">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('mima')?'required':''">密码：
                    </div>
                    <el-input v-model="registerForm.mima" type="password" placeholder="请输入密码"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='caipanyuan'" prop="mima2">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('mima')?'required':''">确认密码：
                    </div>
                    <el-input v-model="registerForm.mima2" type="password" placeholder="请再次输入密码"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='caipanyuan'" prop="caipanxingming">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('caipanxingming')?'required':''">主办方姓名：
                    </div>
                    <el-input v-model="registerForm.caipanxingming" placeholder="请输入主办方姓名"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='caipanyuan'" prop="xingbie">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('xingbie')?'required':''">性别：
                    </div>
                    <el-select v-model="registerForm.xingbie" placeholder="请选择性别">
                        <el-option
                                v-for="(item,index) in caipanyuanxingbieOptions"
                                :key="index"
                                :label="item"
                                :value="item">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='caipanyuan'" prop="touxiang">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('touxiang')?'required':''">头像：
                    </div>
                    <file-upload
                            tip="点击上传头像"
                            action="file/upload"
                            :limit="1"
                            :multiple="true"
                            :fileUrls="registerForm.touxiang?registerForm.touxiang:''"
                            @change="caipanyuantouxiangUploadChange"
                    ></file-upload>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='caipanyuan'" prop="caipandianhua">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('caipandianhua')?'required':''">主办方电话：
                    </div>
                    <el-input v-model="registerForm.caipandianhua" placeholder="请输入主办方电话"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='xuesheng'" prop="xueshengzhanghao">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('xueshengzhanghao')?'required':''">学生账号：
                    </div>
                    <el-input v-model="registerForm.xueshengzhanghao" placeholder="请输入学生账号"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='xuesheng'" prop="xueshengxingming">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('xueshengxingming')?'required':''">学生姓名：
                    </div>
                    <el-input v-model="registerForm.xueshengxingming" placeholder="请输入学生姓名"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='xuesheng'" prop="mima">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('mima')?'required':''">密码：
                    </div>
                    <el-input v-model="registerForm.mima" type="password" placeholder="请输入密码"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='xuesheng'" prop="mima2">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('mima')?'required':''">确认密码：
                    </div>
                    <el-input v-model="registerForm.mima2" type="password" placeholder="请再次输入密码"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='xuesheng'" prop="xingbie">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('xingbie')?'required':''">性别：
                    </div>
                    <el-select v-model="registerForm.xingbie" placeholder="请选择性别">
                        <el-option
                                v-for="(item,index) in xueshengxingbieOptions"
                                :key="index"
                                :label="item"
                                :value="item">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='xuesheng'" prop="shoujihao">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('shoujihao')?'required':''">手机号：
                    </div>
                    <el-input v-model="registerForm.shoujihao" placeholder="请输入手机号"/>
                </el-form-item>
                <el-form-item :style='{"width":"80%","padding":"0","margin":"0 auto 15px","height":"auto"}'
                              v-if="tableName=='xuesheng'" prop="touxiang">
                    <div v-if="false"
                         :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'
                         :class="changeRules('touxiang')?'required':''">头像：
                    </div>
                    <file-upload
                            tip="点击上传头像"
                            action="file/upload"
                            :limit="1"
                            :multiple="true"
                            :fileUrls="registerForm.touxiang?registerForm.touxiang:''"
                            @change="xueshengtouxiangUploadChange"
                    ></file-upload>
                </el-form-item>
                <el-button
                        :style='{"border":"0","cursor":"pointer","padding":"0 10px","boxShadow":"none","margin":"20px auto 5px","color":"#fff","display":"block","outline":"none","borderRadius":"5px","background":"#FE6917","width":"80%","fontSize":"20px","lineHeight":"50px","height":"50px"}'
                        type="primary" @click="submitForm('registerForm')">注册
                </el-button>
                <el-button
                        :style='{"border":"0","cursor":"pointer","padding":"0 10px","boxShadow":"0 0 6px rgba(64, 158, 255, .5)","margin":"20px auto 5px","color":"#fff","display":"none","outline":"none","borderRadius":"8px","background":"rgba(64, 158, 255, 1)","width":"80%","fontSize":"16px","height":"44px"}'
                        @click="resetForm('registerForm')">重置
                </el-button>
                <router-link
                        :style='{"cursor":"pointer","padding":"0 10%","color":"#fff","textAlign":"center","display":"inline-block","lineHeight":"2","fontSize":"12px","textDecoration":"none"}'
                        to="/login">已有账户登录
                </router-link>
                <div class="idea1" :style='{"width":"100%","background":"red","display":"none","height":"40px"}'></div>
                <div class="idea2" :style='{"width":"100%","background":"blue","display":"none","height":"40px"}'></div>
            </el-form>
        </div>
    </div>
    </div>
</template>

<script>

    export default {
        //数据集合
        data() {
            return {
                pageFlag: '',
                tableName: '',
                registerForm: {},
                forgetForm: {},
                rules: {},
                requiredRules: {},
                jiaoshixingbieOptions: [],
                caipanyuanxingbieOptions: [],
                xueshengxingbieOptions: [],
            }
        },
        mounted() {
            if (this.$route.query.pageFlag == 'register') {
                this.tableName = this.$route.query.role;
                if (this.tableName == 'jiaoshi') {
                    this.registerForm = {
                        jiaoshigonghao: '',
                        jiaoshixingming: '',
                        mima: '',
                        mima2: '',
                        touxiang: '',
                        xingbie: '',
                        zhicheng: '',
                        shoujihaoma: '',
                    }
                }
                if (this.tableName == 'caipanyuan') {
                    this.registerForm = {
                        caipanbianhao: '',
                        mima: '',
                        mima2: '',
                        caipanxingming: '',
                        xingbie: '',
                        touxiang: '',
                        caipandianhua: '',
                    }
                }
                if (this.tableName == 'xuesheng') {
                    this.registerForm = {
                        xueshengzhanghao: '',
                        xueshengxingming: '',
                        mima: '',
                        mima2: '',
                        xingbie: '',
                        shoujihao: '',
                        touxiang: '',
                    }
                }
                if ('caipanyuan' == this.tableName) {
                    this.requiredRules.caipanbianhao = [{required: true, message: '请输入主办方编号', trigger: 'blur'}]
                }
                if ('caipanyuan' == this.tableName) {
                    this.requiredRules.mima = [{required: true, message: '请输入密码', trigger: 'blur'}]
                }
                if ('caipanyuan' == this.tableName) {
                    this.requiredRules.caipanxingming = [{required: true, message: '请输入主办方姓名', trigger: 'blur'}]
                }
                if ('xuesheng' == this.tableName) {
                    this.requiredRules.xueshengzhanghao = [{required: true, message: '请输入学生账号', trigger: 'blur'}]
                }
                if ('xuesheng' == this.tableName) {
                    this.requiredRules.xueshengxingming = [{required: true, message: '请输入学生姓名', trigger: 'blur'}]
                }
                if ('xuesheng' == this.tableName) {
                    this.requiredRules.mima = [{required: true, message: '请输入密码', trigger: 'blur'}]
                }
            }
        },
        created() {
            this.pageFlag = this.$route.query.pageFlag;
            if (this.$route.query.pageFlag == 'register') {
                this.jiaoshixingbieOptions = "男,女".split(',');
                if ('jiaoshi' == this.tableName) {
                    this.rules.shoujihaoma = [{required: true, validator: this.$validate.isMobile, trigger: 'blur'}];
                }
                if ('caipanyuan' == this.tableName) {
                    this.rules.caipanbianhao = [{required: true, message: '请输入主办方编号', trigger: 'blur'}];
                }
                if ('caipanyuan' == this.tableName) {
                    this.rules.mima = [{required: true, message: '请输入密码', trigger: 'blur'}];
                }
                if ('caipanyuan' == this.tableName) {
                    this.rules.caipanxingming = [{required: true, message: '请输入主办方姓名', trigger: 'blur'}];
                }
                this.caipanyuanxingbieOptions = "男,女".split(',');
                if ('caipanyuan' == this.tableName) {
                    this.rules.caipandianhua = [{required: true, validator: this.$validate.isMobile, trigger: 'blur'}];
                }
                if ('xuesheng' == this.tableName) {
                    this.rules.xueshengzhanghao = [{required: true, message: '请输入学生账号', trigger: 'blur'}];
                }
                if ('xuesheng' == this.tableName) {
                    this.rules.xueshengxingming = [{required: true, message: '请输入学生姓名', trigger: 'blur'}];
                }
                if ('xuesheng' == this.tableName) {
                    this.rules.mima = [{required: true, message: '请输入密码', trigger: 'blur'}];
                }
                this.xueshengxingbieOptions = "男,女".split(',');
                if ('xuesheng' == this.tableName) {
                    this.rules.shoujihao = [{required: true, validator: this.$validate.isMobile, trigger: 'blur'}];
                }
            }
        },
        //方法集合
        methods: {
            changeRules(name) {
                if (this.requiredRules[name]) {
                    return true
                }
                return false
            },
            // 获取uuid
            getUUID() {
                return new Date().getTime();
            },
            // 下二随
            jiaoshitouxiangUploadChange(fileUrls) {
                this.registerForm.touxiang = fileUrls.replace(new RegExp(this.$config.baseUrl, "g"), "");
            },
            caipanyuantouxiangUploadChange(fileUrls) {
                this.registerForm.touxiang = fileUrls.replace(new RegExp(this.$config.baseUrl, "g"), "");
            },
            xueshengtouxiangUploadChange(fileUrls) {
                this.registerForm.touxiang = fileUrls.replace(new RegExp(this.$config.baseUrl, "g"), "");
            },

            // 多级联动参数


            submitForm(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        var url = this.tableName + "/register";
                        if (`jiaoshi` == this.tableName && this.registerForm.mima != this.registerForm.mima2) {
                            this.$message.error(`两次密码输入不一致`);
                            return
                        }
                        if (`jiaoshi` == this.tableName && this.registerForm.shoujihaoma && (!this.$validate.isMobile2(this.registerForm.shoujihaoma))) {
                            this.$message.error(`手机号码应输入手机格式`);
                            return
                        }
                        if ((!this.registerForm.caipanbianhao) && `caipanyuan` == this.tableName) {
                            this.$message.error(`主办方编号不能为空`);
                            return
                        }
                        if (`caipanyuan` == this.tableName && this.registerForm.mima != this.registerForm.mima2) {
                            this.$message.error(`两次密码输入不一致`);
                            return
                        }
                        if ((!this.registerForm.mima) && `caipanyuan` == this.tableName) {
                            this.$message.error(`密码不能为空`);
                            return
                        }
                        if ((!this.registerForm.caipanxingming) && `caipanyuan` == this.tableName) {
                            this.$message.error(`主办方姓名不能为空`);
                            return
                        }
                        if (`caipanyuan` == this.tableName && this.registerForm.caipandianhua && (!this.$validate.isMobile2(this.registerForm.caipandianhua))) {
                            this.$message.error(`主办方电话应输入手机格式`);
                            return
                        }
                        if ((!this.registerForm.xueshengzhanghao) && `xuesheng` == this.tableName) {
                            this.$message.error(`学生账号不能为空`);
                            return
                        }
                        if ((!this.registerForm.xueshengxingming) && `xuesheng` == this.tableName) {
                            this.$message.error(`学生姓名不能为空`);
                            return
                        }
                        if (`xuesheng` == this.tableName && this.registerForm.mima != this.registerForm.mima2) {
                            this.$message.error(`两次密码输入不一致`);
                            return
                        }
                        if ((!this.registerForm.mima) && `xuesheng` == this.tableName) {
                            this.$message.error(`密码不能为空`);
                            return
                        }
                        if (`xuesheng` == this.tableName && this.registerForm.shoujihao && (!this.$validate.isMobile2(this.registerForm.shoujihao))) {
                            this.$message.error(`手机号应输入手机格式`);
                            return
                        }
                        this.$http.post(url, this.registerForm).then(res => {
                            if (res.data.code === 0) {
                                this.$message({
                                    message: '注册成功',
                                    type: 'success',
                                    duration: 1500,
                                    onClose: () => {
                                        this.$router.push('/login');
                                    }
                                });
                            } else {
                                this.$message.error(res.data.msg);
                            }
                        });
                    } else {
                        return false;
                    }
                });
            },
            resetForm(formName) {
                this.$refs[formName].resetFields();
            }
        }
    }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
    .container {
        position: relative;
        background: url(http://codegen.caihongy.cn/20240120/013cd1667f6c4da5b916657b405abeb4.png);

        .el-input {
            width: auto;
        }

        .el-date-editor.el-input {
            width: auto;
        }

        .el-form-item /deep/ .el-form-item__content {
            display: flex;
        }

        .rgs-form .el-input /deep/ .el-input__inner {
            border: 2px solid #FE6917;
            border-radius: 5px;
            padding: 0 10px;
            box-shadow: none;
            outline: none;
            color: #000;
            width: 28vw;
            font-size: 16px;
            height: 50px;
        }

        .rgs-form .el-select /deep/ .el-input__inner {
            border: 2px solid #FE6917;
            border-radius: 5px;
            padding: 0 10px;
            box-shadow: none;
            outline: none;
            color: #000;
            width: 28vw;
            font-size: 16px;
            height: 50px;
        }

        .rgs-form .el-date-editor /deep/ .el-input__inner {
            border: 2px solid #FE6917;
            border-radius: 5px;
            padding: 0 10px 0 30px;
            box-shadow: none;
            outline: none;
            color: #000;
            width: 28vw;
            font-size: 14px;
            height: 50px;
        }

        .rgs-form .el-date-editor /deep/ .el-input__inner {
            border: 2px solid #FE6917;
            border-radius: 5px;
            padding: 0 10px 0 30px;
            box-shadow: none;
            outline: none;
            color: #000;
            width: 28vw;
            font-size: 14px;
            height: 50px;
        }

        .rgs-form /deep/ .el-upload--picture-card {
            background: transparent;
            border: 0;
            border-radius: 0;
            width: auto;
            height: auto;
            line-height: initial;
            vertical-align: middle;
        }

        .rgs-form /deep/ .upload .upload-img {
            border: 2px solid #FE6917;
            cursor: pointer;
            border-radius: 8px;
            color: #FE6917;
            background: #fff;
            font-weight: bold;
            width: 160px;
            font-size: 32px;
            line-height: 60px;
            text-align: center;
            height: 60px;
        }

        .rgs-form /deep/ .el-upload-list .el-upload-list__item {
            border: 2px solid #FE6917;
            cursor: pointer;
            border-radius: 8px;
            color: #FE6917;
            background: #fff;
            font-weight: bold;
            width: 160px;
            font-size: 32px;
            line-height: 60px;
            text-align: center;
            height: 60px;
        }

        .rgs-form /deep/ .el-upload .el-icon-plus {
            border: 2px solid #FE6917;
            cursor: pointer;
            border-radius: 8px;
            color: #FE6917;
            background: #fff;
            font-weight: bold;
            width: 160px;
            font-size: 32px;
            line-height: 60px;
            text-align: center;
            height: 60px;
        }
    }

    .required {
        position: relative;
    }

    .required::after {
        color: red;
        left: -10px;
        position: absolute;
        content: "*";
    }
</style>
